<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* https://zhuanlan.zhihu.com/p/84212558 */
        .news {
            height: 30px;
            background-color: gray;
            border: solid 1px black;
            position: absolute;
        }

        .news img {
            float: left;
            /* width: 500px; */
            width: 1000px;
        }

        .news p {
            float: right;
        }
    </style>
    <link type="text/css" rel="styleSheet" href="css/shape.css" />
</head>

<body>
    <div class="news">
        <!-- 啥意思呀 需要一张巨大的图片 吗 图片需要多大 -->
        <!-- 壁纸大小的图片 貌似不会 挤出去 这些 字还是在下面  -->
        <!-- <img src="news-pic.jpg" /> -->
        <!-- style="width: 500px;" -->
        <img src="kase.jpg"  />
        <!-- <p>some text some textsome textsome textsome textsome textsome textsome text some text 
            some text  some text  some text  some text  some text  some text  some text  some text  some text 
            some text  some text  some text  some text  some text  some text  some text  some text  some text 
            some text some text some textsome textsome textsome textsome textsome textsome text some text 
            some text  some text  some text  some text  some text  some text  some text  some text  some text 
            some text  some text  some text  some text  some text  some text  some text  some text  some text 
            some text 
        </p> -->
        <p>some text</p>
    </div>
</body>

</html>